<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="Tckapco">
    
    <title>
        
        Tckapco
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="/images/logo.svg">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/css/font-awesome.min.css">
    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"theboat.gitee.io","root":"/","language":"en"};
    KEEP.theme_config = {"toc":{"enable":true,"number":true,"expand_all":true,"init_open":true},"style":{"primary_color":"#0066CC","avatar":"/images/avatar.jpg","favicon":"/images/logo.svg","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":false,"scale":true},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"Keep writing and Keep loving."},"scroll":{"progress_bar":{"enable":false},"percent":{"enable":false}}},"local_search":{"enable":false,"preload":false},"code_copy":{"enable":true,"style":"mac"},"pjax":{"enable":false},"lazyload":{"enable":false},"version":"3.4.5"};
    KEEP.language_ago = {"second":"%s seconds ago","minute":"%s minutes ago","hour":"%s hours ago","day":"%s days ago","week":"%s weeks ago","month":"%s months ago","year":"%s years ago"};
  </script>
<meta name="generator" content="Hexo 5.4.0"></head>


<body>
<div class="progress-bar-container">
    

    
</div>


<main class="page-container">

    
        <div class="first-screen-container flex-center fade-in-down-animation">
    <div class="content flex-center">
        <div class="description">
            Keep writing and Keep loving.
        </div>
        
    </div>
</div>

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">

    <div class="header-content has-first-screen">
        <div class="left">
            
            <a class="logo-title" href="/">
                Tckapco
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/"
                            >
                                HOME
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                ARCHIVES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/categories"
                            >
                                CATEGORIES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/links"
                            >
                                LINKS
                            </a>
                        </li>
                    
                    
                </ul>
            </div>
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/">HOME</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">ARCHIVES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/categories">CATEGORIES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/links">LINKS</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="home-content-container fade-in-down-animation">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/10/28/%5B%E8%BD%AC%5DWeb%E5%89%8D%E7%AB%AF%E7%9A%84%E5%9B%B0%E5%B1%80%E4%B8%8E%E7%AA%81%E7%A0%B4/">
                        Web前端的困局与突破[转]
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Web 前端的困局与突破
每个Web前端都会不时思考自身对于团队的价值和在团队中的话语权

困局困局必然是负能量,耐下心来了解困局后再看突破.
价值在团队中前端的职责是实现原型和设计工作中的客户端部分,是实现者.很少参与功能/程序设计.极少数业务场景...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu Oct 28 2021 14:03:01 GMT+0800">2021-10-28</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/other/">other</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/10/28/%5B%E8%BD%AC%5DWeb%E5%89%8D%E7%AB%AF%E7%9A%84%E5%9B%B0%E5%B1%80%E4%B8%8E%E7%AA%81%E7%A0%B4/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/07/25/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-DNS/">
                        计算机网络-DNS
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        1.概念DNS（Domain Name System，域名系统），将域名与IP的映射相互映射的一个分布式数据库，能够使人方便的访问互联网
2.如何工作DNS 协议提供的是一种主机名到 IP 地址的转换服务，就是我们常说的域名系统。是应用层协议，通常该...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun Jul 25 2021 10:13:01 GMT+0800">2021-07-25</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/">计算机网络</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/07/25/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-DNS/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/07/21/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Gitee%E6%90%AD%E5%BB%BA%E5%9B%BE%E5%BA%8A%EF%BC%9F/">
                        如何使用Gitee免费搭建图床?
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        搭建图床方法有哪些？对象存储图床

国外的有amazon s3 和google storage等
国内的有七牛云、又拍云、腾讯云、阿里云、天翼云等

第三方图床

sm.ms、imgchr、聚合图床等

云盘图床

微云等

社交网站图床

新浪微博...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Wed Jul 21 2021 21:12:34 GMT+0800">2021-07-21</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/other/">other</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/07/21/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Gitee%E6%90%AD%E5%BB%BA%E5%9B%BE%E5%BA%8A%EF%BC%9F/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/05/%E8%BF%90%E8%A1%8C%E5%8E%9F%E7%90%86%E2%80%94%E2%80%94EventLoop/">
                        运行原理——EventLoop
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
1.进程与线程概念
相信大家经常会听到 JS 是单线程执行的，但是你是否疑惑过什么是线程？


百度百科：
进程
狭义定义：进程是正在运行的程序的实例（an instance of a computer program that is being ...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 05 2021 12:13:01 GMT+0800">2021-06-05</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/06/05/%E8%BF%90%E8%A1%8C%E5%8E%9F%E7%90%86%E2%80%94%E2%80%94EventLoop/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/03/HTML-%E8%AF%AD%E4%B9%89%E5%8C%96/">
                        HTML-语义化
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        (1) 什么是 HTML 语义化？基本上都是围绕着几个主要的标签，像标题（ H1~H6 ）、列表（ li ）、强调（ strong em ）等等
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu Jun 03 2021 14:03:01 GMT+0800">2021-06-03</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/HTML/">HTML</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/06/03/HTML-%E8%AF%AD%E4%B9%89%E5%8C%96/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/02/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6&%E5%86%85%E5%AD%98%E6%B3%84%E6%BC%8F/">
                        垃圾回收&amp;内存泄漏
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        一、前言在C与C++等语言中，开发人员可以直接控制内存的申请和回收。但是在Java、C#、JavaScript语言中，变量的内存空间的申请和释放都由程序自己处理，开发人员不需要关心。也就是说Javascript具有自动垃圾回收机制(Garbage C...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Wed Jun 02 2021 14:03:01 GMT+0800">2021-06-02</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/">垃圾回收</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/06/02/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6&%E5%86%85%E5%AD%98%E6%B3%84%E6%BC%8F/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/01/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-%E4%BD%93%E7%B3%BB%E7%BB%93%E6%9E%84/">
                        计算机网络-体系结构
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        1.简介
定义 计算机网络的各层 + 其协议的集合
作用 定义该计算机网络的所能完成的功能

2.结构介绍
计算机网络体系结构分为3种：OSI体系结构、TCP / IP体系结构、五层体系结构



OSI体系结构：概念清楚 &amp; 理念完整，但复...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Tue Jun 01 2021 10:13:01 GMT+0800">2021-06-01</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/">计算机网络</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/06/01/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-%E4%BD%93%E7%B3%BB%E7%BB%93%E6%9E%84/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/05/27/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8-XSS,CSRF/">
                        网络安全-XSS,CSRF
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        XSS1.什么是 XSS？Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、Sessi...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu May 27 2021 10:13:01 GMT+0800">2021-05-27</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/">网络安全</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/05/27/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8-XSS,CSRF/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/05/20/ES6-Set,Map/">
                        ES6-Set,Map
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        一、引言Set和Map主要的应用场景在于数组去重和数据存储
set = 集合   Map = 字典
1.集合
集合是由一组无序且唯一(即不能重复)的项组成的，可以想象成集合是一个既没有重复元素，也没有顺序概念的数组
ES6提供了新的数据结构Set。它...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu May 20 2021 14:03:01 GMT+0800">2021-05-20</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                    
                        <li>
                            &gt; 
                            <a href="/categories/JavaScript/ES6/">ES6</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/05/20/ES6-Set,Map/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/05/17/%E5%BC%82%E6%AD%A5%E6%96%B9%E6%A1%88%E2%80%94%E2%80%94Generator/">
                        异步方案——Generator
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Generator概念Generator 函数是一个状态机，封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象，可以依次遍历 Generator 函数内部的每一个状态，但是只有调用next方法才会遍历下一个内部状态，所以其实提供了...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Mon May 17 2021 15:13:01 GMT+0800">2021-05-17</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                    
                        <li>
                            &gt; 
                            <a href="/categories/JavaScript/%E5%BC%82%E6%AD%A5%E6%96%B9%E6%A1%88/">异步方案</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
    </div>

    <a href="/2021/05/17/%E5%BC%82%E6%AD%A5%E6%96%B9%E6%A1%88%E2%80%94%E2%80%94Generator/">Read more&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    

    
        <a class="next btn"
           href="/page/2/"
        >Next</a>
    
</div>

    </div>
</div>


                
            </div>

        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2020</span>
              -
            
            2022&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">Tckapco</a>
        </div>
        
        <div class="theme-info info-item">
            Powered by <a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;|&nbsp;Theme&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.4.5</a>
        </div>
        
        
    </div>
</footer>

        </div>
    </div>

    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fas fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>




<script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/utils.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/main.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/header-shrink.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/back2top.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/dark-light-toggle.js"></script>




    <script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/code-copy.js"></script>




<div class="post-scripts">
    
</div>



</body>
</html>
